<template>
	<view class="">
		<view class="xczxsertexcr pd display-flex">
			<view class="fz50 cf vertical-center flex-1 tl">
				<view class="">
					<view class="">
						热门岗位
					</view>
					<view class="">
						职等你来
					</view>
				</view>
			</view>
			<view class=" vertical-center pr10">
				<icon class="iconfont icon-huo cf xvxcvtret cz"></icon>
			</view>
		</view>

<view class="pt20 bgff">
	<zwList :kxzcxfdf="kxzcxfdf"></zwList>
	</view>
	</view>
</template>
<script lang="ts" setup>
	import { hf, hfer, hfsan, dxrequest } from "@/util/index.js"
	import zwList from "@/components/zwList.vue"
	import { ref } from "vue"
	const kxzcxfdf = ref([])
	const zhiweik = async () => {
		const { data } = await dxrequest("/api/job/page", {
			limit: 999,
			type: 'hot'
		})
		kxzcxfdf.value = data.list
	}
	zhiweik()
</script>

<style scoped>
	.xczxsertexcr {
		height: 250rpx;
		border-radius: 0;
	}

	.xvxcvtret {
		font-size: 140rpx;
	}
</style>